<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<title>产品介绍-南京雷影科技有限公司-专注于气象探测仪器,雷电探测设备等的技术研发、技术咨询及技术服务</title>
		<meta name="description" content="南京雷影电子科技有限公司,为用户提供丰富的气象,雷电,环境,商务等方面的产品研发,技术支持"/>
		<meta name="keywords" content="电子科技有限公司-雷电,气象与环境污染-电子产品技术研发、技术咨询及技术服务-公司产品-南京雷影电子科技有限公司"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<link rel="stylesheet" href="commonCSS/commonInitialize.css" />
		<link rel="stylesheet" href="commonCSS/commonDisplayFlex.css" />
		<link rel="stylesheet" href="commonCSS/htmlFontSize.css" />
		<link rel="stylesheet" href="commonCSS/CSSLoadingAnimation01.css" />
		<link rel="stylesheet" href="commonCSS/section-area.css" />
		<!--引入font-awesome字体图标库-->
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="index-css/index-header-area.css" />
		<!--products-introduction.html页面的section区域的样式表-->
		<link rel="stylesheet" href="products-introduction-css/products-introduction-section.css" />
		<link rel="stylesheet" href="index-css/index-footer-area.css" />
		<link rel="stylesheet" href="commonCSS/lookWeather.css" />

	</head>

	<body class="hide-scrollbar">
		<!--
			在 index-header-area.css 样式表文件中，
			我给body设置了
				最大宽度	max-width: 1300px;
		-->

		<!--这个网页加载动画元素的div要放在body下面的第一个子元素的位置，因为是要在加载后面的所有元素之前运行动画的-->
		<div class="loading1">
			<div class="loading01">
				<div>加载中，稍等……<br />loading……</div>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>
		<script type="text/javascript">
			window.addEventListener("load", function() {
				document.getElementsByClassName("loading1")[0].remove();

			});
		</script>

		<!--header区域开始 start-->
		<header id="header-area">
			<!--封装为Vue组件了-->
			<header-bar></header-bar>

		</header>
		<!--header区域结束 end-->
		<!--section区域开始 start-->
		<section id="section-area">
			
			
			<div class="title">
				<h1>产品介绍-南京雷影科技有限公司产品一览表（部分）</h1>
			</div>
			
			<div class="products-introduction">
				<hgroup>
					<h2>
						三维雷电实时定位系统与定制化行业预警服务
						<br />
						TH REE DIMENSIONAL REAL- TIME LIGHTNING LOCATION
					</h2>
					<h3>
						产品介绍 &amp; 产品展示
						<br />
						PRODUCT INTRODUCTION &amp; PRODUCT DISPLAY
					</h3>
					
				</hgroup>
				<img src="products-introduction-img/three-dimension.jpg" alt="产品图片1·三维雷电实时定位系统与定制化行业预警服务" />
				<!--具体功能介绍与说明-->
				<div class="function-description">
					<ul>
						<li>
							产品将基于团队前期在全国部分地区构建的三维雷电实时定位网的监测数据，
					面向全社会以及相关行业，为其提供精细化和区域性的三维雷电实时监测服务
						</li>
						<li>
							井根据行业和用户需求，提供定制化的雷电预警预报服务，同时可提供相关技术支持、解决方案与决策服务
						</li>
						<li>
							产品將采用公开化的平台软件和客户端软件两种形式，客户群主要包括：
					社会大众、气象部门、林业部门、民航、铁路、电网系统及政府相关部门等
						</li>
					</ul>
					
				</div>
			</div>
			<div class="products-introduction">
				<hgroup>
					<h2>
						‘猫头鹰’ 电路异常信号智能化监测系统
						<br />
						INTELLIGENT MONITORING SYSTEMOF CIRCUIT ABNORMAL SIGNAL 
		 
					</h2>
					<h3>
						产品介绍
						<br />
						PRODUCT INTRODUCTION
					</h3>
					
				</hgroup>
				
				<img src="products-introduction-img/owl-monitor.jpg" alt="产品图片2·‘猫头鹰’ 电路异常信号智能化监测系统" />
				<div class="function-description">
					<ul>
						<li>
							 产品能够在监测输电线路异常信号的同时，精确地对闪电过程进行实时定位，并借助频谱和闽值分析手段，完成对雷击事故的鉴定，
					 为雷击事故的鉴定和快速维护提供有力支持
						</li>
						<li>
							可根据行业和用户需求，提供定制化的电路异常信号监测服务，
					 同时可提供相关技术支持、解决方案与决策服务
						</li>
						<li>
							产品將采用定制化的客户端软件形式，
					 客户群主要包括铁路部门、大型工矿企业、企事业单位、林业部门、电网系统等单位
						</li>
					</ul> 
					
				</div>
			</div>
		</section>
		<!--footer start-->
		<footer id="footer-area">

			<!--position: fixed; 的div-->
			<div id="show-contact-us-ways" class="hide-scrollbar">

				<!--联系我们的div-->
				<ol>
					<li id="contact-us">
						<p>
							<a href="javascript:;">
								<i class="fa fa-address-book"></i>
								<strong>客服</strong>
							</a>
						</p>
						<p>
							<a href="tel: 1008">
								<i class="fa fa-phone-square"></i> 电话：
								<br />100883301122
							</a>
						</p>
						<p>
							<a href="mailto: 123456@163.com">
								<i class="fa fa-envelope-square"></i> 邮箱：
								<br />123456@163.com
							</a>
						</p>
						<p title="关闭" class="close-container">
							<a href="javascript:;">&times;</a>
						</p>
					</li>
					<li id="focus-on-us">

						<!--关注我们的div-->
						<p>
							<a href="javascript:;">

								<strong>关注我们</strong>

								<img src="index-img/thunder-background.jpg" alt="南京雷影科技有限公司微信公众号二维码图片" />
							</a>
						</p>
					</li>
				</ol>

			</div>

			</div>

			<!--“ 雷动风行 · 随波逐影 ” 的div-->
			<div id="fixed-left-div">
				<div id="index-vertical-show" title="雷动风行 · 随波逐影">
					<a href="javascript:;"><img src="index-img/index-vertical-show.png" alt="雷动风行，随波逐影" /></a>
				</div>
				<!--<div id="fixed-left-div">
				
			</div>-->
				<!--点击回到顶部的div-->

			</div>
			<div id="fixed-right-div">
				<div id="toTop" class="circle-shape-div" title="回到顶部  to top">
					<a href="javascript:;">
						<i class="	fa fa-caret-up"></i>
						<br /> to Top
					</a>
				</div>
				<div id="show-weather-div" class="circle-shape-div">
					<a href="javascript:;">
						查看
						<br /> 天气
					</a>
				</div>
				<div onclick="history.back();" class="circle-shape-div" title="回到上一页，上一个页面">
					<a href="javascript:;">
						<i class="fa fa-mail-reply"></i>
						<p>上页</p>
					</a>
				</div>
				<div onclick="history.go(1);" id="show-weather-div" class="circle-shape-div" title="去到下一页，下一个页面">
					<a href="javascript:;">
						<i class="	fa fa-mail-forward"></i>
						<p>下页</p>
					</a>
				</div>
			</div>
			<!--查询天气并显示信息的div盒子-->
			<div id="lookWeather" class="min-width-280px hide-scrollbar" :style="{background: backgroundColor01, color: textColor01}">
				<div class="weatherDiv" v-cloak>
					<div class="hide-div">
						<a href="javascript:;">&times;</a>
					</div>
					<div class="weatherTitle">

						<a @click="toggleTempeUnitType();" href="javascript:;">
							<strong>
								现温：{{nowTemperature + " "}}{{temperatureUnitType}}
							</strong>
							<br />
							<strong>
								时间：{{new Date().toLocaleString()}}
							</strong>
						</a>
					</div>
					<div>
						<label id="weatherInput">
							<div>
								<input autofocus type="text" v-model="inputValue" @keyup.enter="getWeather" 
									:placeholder="inputParam" />
								
							</div>
							<div @click="getWeather();">
								<span>
									搜索	
								</span>
							</div>
							
							
							
						</label>

					</div>
					<div id="metropolitansList">
						<a href="javascript:;">热门城市：</a>
						<a href="javascript:void;" @click="inputValue = '北京市'; getWeather();">北京市</a>
						<a href="javascript:void;" @click="inputValue = '上海市'; getWeather();">上海市</a>
						<a href="javascript:void;" @click="inputValue = '广州市'; getWeather();">广州市</a>
						<a href="javascript:void;" @click="inputValue = '深圳市'; getWeather();">深圳市</a>
						<a href="javascript:void;" @click="inputValue = '武汉市'; getWeather();">武汉市</a>
						<a href="javascript:void;" @click="inputValue = '南京市'; getWeather();">南京市</a>
						<a href="javascript:void;" @click="inputValue = '苏州市'; getWeather();">苏州市</a>
						<a href="javascript:void;" @click="inputValue = '无锡市'; getWeather();">无锡市</a>
						<a href="javascript:void;" @click="inputValue = '郑州市'; getWeather();">郑州市</a>
						<a href="javascript:void;" @click="inputValue = '昆明市'; getWeather();">昆明市</a>
						<a href="javascript:void;" @click="inputValue = '澳门'; getWeather();">澳门特别行政区</a>
						<a href="javascript:void;" @click="inputValue = '香港'; getWeather();">香港特别行政区</a>
					</div>
					<div class="remind-div" v-show="showDiv">
						点击过于频繁，
						<br />请每1秒后点击一次
					</div>
					<ul class="weatherUl">
						<li class="weatherLi" v-for="(item, i) in weatherDates">
							<!--<div>{{index === 0 ? "今天" : (new Date().getMonth() + 1) + "月 " + item.date.toString().substr(0, 3) }} </div>
							<div>{{item.date.toString().substring(3, item.date.toString().length)}}</div>
							<div>{{item.low.toString().substring(item.low.toString().indexOf("温") + 1, item.low.length)}} </div> 
							<div>{{item.high.toString().substring(item.high.toString().indexOf("温") + 1, item.high.length)}}</div>
							<div>{{item.type}}</div>
							<div>{{item.fengxiang}} </div> 
							<div>{{item.fengli.toString().replace(/\D/gi, "") + "级"}}</div>-->
							<div>{{item }} </div>
							<div>{{weatherWeekDays[i]}}</div>
							<div>{{weatherMinT[i] }}</div>
							<div>{{weatherMaxT[i] }} </div>
							<div>{{weatherConditionType[i]}}</div>
							<div>{{weatherFengXiang[i]}}</div>
							<div>{{weatherFengLi[i]}}</div>
							<!--<div></div>-->
						</li>
					</ul>
					<div v-show="showEchartsDivBtn" id="click-show-temperature-chart">
						<a href="javascript:;">
							展示数据图表
						</a>
					</div>
					<!--一开始这个是隐藏的，不显示的-->
					<div id="con-father-div">
						<!--用来装echarts制图的效果的div盒子-->
						<div id="con1"></div>
						<div>&times;</div>
					</div>

				</div>

			</div>

		</footer>
		<!--footer区域结束 end-->
		<!--
			我建议，以下JavaScript文件的引入顺序：
				1. 先引入Vuejs相关的，
				2. 再引入jQuery相关的，
				3. 再引入本文件index.html相关的JavaScript文件
		-->
		<script src="index-js/Vue压缩版文件引入.js"></script>
		<!--封装为Vue组件的JavaScript文件要记得引入，在Vuejs后面引入-->
		<script type="text/javascript" src="index-js/header-bar.js"></script>
		<script src="index-js/axios.js"></script>
		<script src="index-js/lookWeather.js"></script>
		<!--
			1、以上挂载了 Vuejs 的实例与文件，是虚拟DOM，先加载的jQuery或JavaScript选择器等就不行了，
			2、所以要先引入Vue的文件，再引入原生JavaScript、jQuery等框架的文件，谨记！！！
		-->
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

		<!--echarts可视化制图javascript文件引入-->
		<script src="echarts-js/echartsjs01.js"></script>

		<script src="index-js/index.js" type="text/javascript"></script>
		<!--点击回到顶部的JavaScript文件，最后引入较好，让其他重要文件先加载-->
		<script type="text/javascript" src="index-js/scrollToTopAnimation.js"></script>
		

	</body>


</html>